<template lang="pug">
div
  PageHeader(pageTitle="非托盘移库")
    div(slot="right" @click="save") 保存

  div.input-wrapper
    g-h.section(j-c="space-between" a-i="center")
      label(for="oldPosition").label 旧仓位:
      input#oldPosition.input(v-model="oldPosition")
    g-h.section(j-c="space-between" a-i="center")
      label(for="code").label 包装码:
      input#palletNum.input(v-model="code")
    g-h.section(j-c="space-between" a-i="center")
      label(for="num").label 数量:
      input#palletNum.input(v-model="num")
    g-h.section(j-c="space-between" a-i="center")
      label(for="newPosition").label 新仓位:
      input#newPosition.input(v-model="newPosition")

  div.clear(@click="clear") 清空

</template>

<script>
import util from "$util"

export default {
  data() {
    return {
      oldPosition: "",
      code: "",
      num: "",
      newPosition: "",
    }
  },
  methods: {
    save() {
      util.Toast("已保存")
    },
    clear() {
      this.oldPosition = ""
      this.code = ""
      this.num = ""
      this.newPosition = ""
    },
  },
}
</script>

<style lang="stylus" scoped>

.link
  display: flex
  justify-content: space-between
  padding: main-page-item-padding
  background: grey100
  border-bottom: 1px solid grey200

.input-wrapper
  padding: 1rem

.section
  margin-top: 0.5rem

.label
  color: grey800

.input
  padding: 0.3rem 1rem
  width: 80%
  outline: none

.clear
  margin: auto
  padding: 0.5rem
  background: grey300
  color: grey800
  width: 4rem
  text-align: center
  border-radius: 0.5rem

</style>
